<template>
  <div ref="charts15" :style="{width: '420px', height: '400px'}"></div>
</template>

<script>
  export default {
    data() {
      return {
        data: [
          {
            value: [4300, 10000, 28000, 35000, 50000, 19000],
            name: '个人得分'
          },
          {
            value: [5000, 14000, 28000, 31000, 42000, 21000],
            name: '平均得分'
          }
        ]
      }
    },
    mounted() {
      this.drawLine();
    },
    methods: {
      drawLine() {

        let myChart = this.$echarts.init(this.$refs.charts15);
        myChart.setOption(
          {
            tooltip: {},
            legend: {
              data: []
            },
            radar: {
              // shape: 'circle',
              name: {
                textStyle: {
                  color: '#fff',
                  backgroundColor: '#999',
                  borderRadius: 3,
                  padding: [3, 5]
                }
              },
              indicator: [
                {name: '影响力', max: 6500},
                {name: '内容偏好', max: 16000},
                {name: '渠道偏好', max: 30000},
                {name: '医生潜力', max: 38000},
                {name: '合作意愿', max: 52000},
                {name: '学术水平', max: 25000}
              ]
            },
            series: [{
              name: '',
              type: 'radar',
              // areaStyle: {normal: {}},
              data: this.data
            }]
          }
        );
      }
    }
  }
</script>

<style scoped>

</style>
